<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>智慧防汛</title>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css">
	</head>
	<body>
	<!-- header头部 -->
		<div id="header">
			<h1 class="title"><i></i>智慧防汛-调度指挥系统</h1>
			<div class="header-right">
				<div class="icon">
					<a href="#" title=""><i class="i-1"></i></a>
					<a href="#" title=""><i class="i-2"></i></a>
					<a href="#" title=""><i class="i-3"></i></a>
				</div>
				<div class="tab">
					<ul>
						<li class="active"><a href="./index.html" title="">汛情信息</a></li>
						<li><a href="./html/monitor.html" title="">水雨情监测</a></li>
						<li><a href="./html/video.html" title="">视频监控</a></li>
						<li><a href="./html/talkback.html" title="">实时对讲</a></li>
						<li><a href="./html/task.html" title="">任务通知</a></li>
						<li><a href="./html/hidden.html" title="">灾情隐患点</a></li>
					</ul>
				</div>
			</div>
		</div>

	<!-- main -->

	<div id="main" class="wan">
		<div id="left">
			<dl>
				<dt>当前用户:区防汛办</dt>
				<dd class="active">汛情摘要</dd>
				<dd>巡查日志</dd>
				<dd>汛情案件</dd>
			</dl>

		</div>
		<div id="content">
		<!-- 通知 -->
			<div id="inform">
				<i></i>
				<div class="inform">
					<span>预警信息，共有5个测站点发生降雨，坑口塘，雨金，金桥3个测站降水达到暴雨级别，1个水库水位超警戒线，2个谁可以水位超讯线</span>
				</div>
			</div>

			<!-- 主要内容 -->
			<!-- 汛情摘要 -->
			<div id="main-1" class="wan" style="display: block;">
				<div class="box-1">
					<table>
						<thead>
							<tr>
								<th align="left" width="33%">24小时累计降水统计</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td align="center">降水等级</td>
								<td align="center">降水等级</td>
								<td align="center">测站点数量</td>
							</tr>
							<tr>
								<td align="center">特大暴雨</td>
								<td align="center">>250</td>
								<td align="center">16</td>
							</tr>
							<tr>
								<td align="center">大暴雨</td>
								<td align="center">100-250</td>
								<td align="center">16</td>
							</tr>
							<tr>
								<td align="center">暴雨</td>
								<td align="center">50-100</td>
								<td align="center">16</td>
							</tr>
							<tr>
								<td align="center">大雨</td>
								<td align="center">25-50</td>
								<td align="center">16</td>
							</tr>
							<tr>
								<td align="center">中雨</td>
								<td align="center">10-25</td>
								<td align="center">16</td>
							</tr>
							<tr>
								<td align="center">小雨</td>
								<td align="center">0.1-10</td>
								<td align="center">16</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="box-2">
					<table>
						<thead>
							<tr>
								<th align="left" width="33%">实时水位数据统计</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td align="center">水位情况</td>
								<td align="center">测站点数量</td>
								<td align="center">测站点名称</td>
							</tr>
							<tr>
								<td align="center">超警戒线</td>
								<td align="center">16</td>
								<td align="center">坑口塘&nbsp;雨金</td>
							</tr>
							<tr>
								<td align="center">即将超汛限(<0.1米)</td>
								<td align="center">16</td>
								<td align="center">坑口塘&nbsp;雨金</td>
							</tr>
							<tr>
								<td align="center">超讯线</td>
								<td align="center">16</td>
								<td align="center">坑口塘&nbsp;雨金</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="box-3">
					<h2>年度同期降水对比</h2>
					<div id="line-1" class="lines"></div>
				</div>
				<div class="box-4">
					<h2>超讯线测站点12小时水位趋势(坑口塘，雨金)</h2>
					<div id="line-2" class="lines"></div>
				</div>
			</div>
			<!-- 巡查日志 -->
			<div id="main-2" class="wan" style="display: none;">
				<div class="roll">
					<div class="top">
						<form action="">
							<select name="soper">
								<option value="">--街办--</option>
							</select>
							<select name="soper">
								<option value="">--时间选择--</option>
							</select>
							<select name="soper">
								<option value="">2016-08-02</option>
							</select>
							<button>查询</button>
						</form>
					</div>
					<table style="table-layout:fixed;">
						<tbody>
							<tr style="font-weight:bold;background:#fff;">
								<td align="left"  style="padding-left: 4%;width:20%;">巡检人员</td>
								<td align="left" style="width:20%;">巡检日期</td>
								<td align="left" style="width:20%;">巡检范围</td>
								<td align="left" style="width:40%;padding-right:10px; ">日志内容</td>
							</tr>
						</tbody>
					</table>
					<div class="table">
					<table style="table-layout:fixed;">
						<tbody>
							<tr>
								<td style="padding-left: 4%;width:20%;">雨金街办</td>
								<td style="width:20%;">2016-8-2</td>
								<td style="width:20%;">渭河雨金段</td>
								<td style="width:40%;"><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="page wan">
					<p class="back">
						<span class="home"><i class="iconfont">&#xe601;</i>首页</span>
						<span class="prev"><i class="iconfont">&#xe603;</i>上一页</span>
						<span class="net">下一页<i class="iconfont">&#xe602;</i></span>
						<span class="last">末页<i class="iconfont">&#xe600;</i></span>
					</p>
					<p>
						页码:&nbsp;<span>1</span>页/共<span>4</span>页
					</p>
					<p class="skip">
						<span></span>
						<input type="text" value="1">
						<a href="#">跳转</a>
						<span></span>
						<a href="#" title="">刷新</a>
					</p>
					<p class="show" style="float: right">
						显示:&nbsp;<span>1-19</span>   共   <span>66</span>    条
					</p>
					</div>
				</div>
				<div class="log">
					<ul>
						<li class="com">
							<span>巡检人员</span><span>雨金街办</span>
						</li>
						<li class="com">
							<span>上报时间</span><span>2016-8-7</span><span>09:11</span>
						</li>
						<li class="com">
							<span>巡检日期</span><span>2016-8-7</span>
						</li>
						<li class="com">
							<span>巡检范围</span><span>渭河雨金段</span>
						</li>
						<li class="text">
							<h4>日志内容</h4>
							<p>今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日</p>
						</li>
						<li class="video">
							<p>多媒体附件<span><a href="#" title="">1图片</a><a href="#" title="">2录音</a><a href="#" title="">1录像</a><i></i></span></p>
							<div>
								
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- 汛情案件 -->
			<div id="main-3" class="wan" style="display:none;">
				<div class="roll">
					<div class="top">
						<form action="">
							<select name="soper">
								<option value="">--街办--</option>
							</select>
							<select name="soper">
								<option value="">--时间选择--</option>
							</select>
							<select name="soper">
								<option value="">2016-08-02</option>
							</select>
							<select name="soper">
								<option value="">未处置</option>
							</select>
							<select name="soper">
								<option value="">--汛情等级--</option>
							</select>
							<button>查询</button>
						</form>
					</div>
					<table style="table-layout:fixed;">
						<tbody>
							<tr style="font-weight:bold;background:#fff;">
								<td align="left"  style="padding-left: 4%;width:15%;">上报人员</td>
								<td align="left" style="width:15%;">上报时间</td>
								<td align="left" style="width:20%;">汛情等级</td>
								<td align="left" style="width:20%;">汛情位置</td>
								<td align="left" style="width:40%;padding-right:10px; ">日志内容</td>
								
							</tr>
						</tbody>
					</table>
					<div class="table">
					<table style="table-layout:fixed;">
						<tbody>
							<tr>
								<td style="padding-left: 4%;width:15%;">雨金街办</td>
								<td style="width:15%;">2016-8-2</td>
								<td style="width:20%;">一级汛情</td>
								<td style="width:20%;">渭河雨金段</td>
								<td style="width:40%;"><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							<tr>
								<td>雨金街办</td>
								<td>2016-8-2</td>
								<td>一级汛情</td>
								<td>渭河雨金段</td>
								<td><span>今日巡查发现渭河河水上涨非常讯速</span></td>
							</tr>
							
						</tbody>
					</table>
				</div>
				<div class="page wan">
					<p class="back">
						<span class="home"><i class="iconfont">&#xe601;</i>首页</span>
						<span class="prev"><i class="iconfont">&#xe603;</i>上一页</span>
						<span class="net">下一页<i class="iconfont">&#xe602;</i></span>
						<span class="last">末页<i class="iconfont">&#xe600;</i></span>
					</p>
					<p>
						页码:&nbsp;<span>1</span>页/共<span>4</span>页
					</p>
					<p class="skip">
						<span></span>
						<input type="text" value="1">
						<a href="#">跳转</a>
						<span></span>
						<a href="#" title="">刷新</a>
					</p>
					<p class="show" style="float: right">
						显示:&nbsp;<span>1-19</span>   共   <span>66</span>    条
					</p>
					</div>
				</div>
				<div class="log">
					<ul>
						<li class="com">
							<span>上报人员</span><span>雨金街办</span>
						</li>
						<li class="com">
							<span>上报时间</span><span>2016-8-7</span><span>09:11</span>
						</li>
						<li class="com">
							<span>汛情等级</span><span>
							<select name="">
								<option value="">一级汛情</option>
							</select>
							</span>
						</li>
						<li class="site com">
							<span>汛情定位</span><span>西安市临潼区.......</span><i></i>
							<div>
								
							</div>
						</li>
						<li class="text">
							<h4>汛情描述</h4>
							<p>今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日巡查发现渭河水位上涨非常快请查看今日</p>
						</li>
						<li class="video">
							<p>多媒体附件<span><a href="#" title="">1图片</a><a href="#" title="">2录音</a><a href="#" title="">1录像</a><i></i></span></p>
							<div>
								
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/echarts.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript"></script>
</html>
